var canQuest = false; //状态标记+
var app = new Vue({
	el: '#app',
	data: {
		onLoading:true,//页面加载中
		assDetails: {
			list: [],
			
		},
		commentList:{list:[],total:0},
		objectId:"",
		messageval:"",
		bottomImg:"",
		//用户id
		userId:0,
		isShare:0,//是否为分享进来的页面  0:否  1：是
		 pageIndex:1,//默认第一页
        type:1,//默认全部数据，订单状态，1全部订单、2待付款订单、3待收货订单
        pageSize:5,//页面大小
        total:0,//数据总条数
        loading:true,//加载中状态
        noMore:false,//底线状态
		canloading:false, //运行加载状态
		appShareTitle:'',//app分享后显示的标题
		isDown:true,//是否显示下载提示弹出
		cityId:0
    },
    created:function(){
    	var that = this;
    	//获取用户ID
	    if ($.getPara("userId") != "") {
            var userId = $.getPara("userId");
            this.userId = userId;
            //缓存用户ID
            $.setStorage("userId", userId);
        } else {
            if ($.getStorage("userId") && $.getStorage("userId") != "") {
                var userId = parseInt($.getStorage("userId"));
                this.userId = userId;
            }
        }
        if($.getPara("isShare") != "" ){
        	this.isShare = $.getPara("isShare");
		}
		if ($.getPara('cityId')) {  //获取分享的参数
            this.cityId = $.getPara('cityId');
        }
    	var objectId = $.getPara('id');
    	this.objectId = objectId;
		FastClick.attach(document.body);
		that.getDetails(objectId);
		that.getCommentList(objectId);
		$("#asso-news li").last().css("border-bottom", "none");
		that.getBottomImg();
	},
	mounted(){
    	var that = this;
    	//jq weui 上拉加载 初始化
    	this.$nextTick(function() {
            $(document.body).infinite().on("infinite", function() {
            	// console.log(canQuest);
                if (canQuest) return;
                canQuest = true;
                that.loading = true;
                setTimeout(function() {
                    var pageIndex = that.pageIndex;
                    pageIndex++;
                    that.pageIndex = pageIndex;
                    that.getCommentList(pageIndex);
                    canQuest = false;
                }, 1500); //模拟延迟
            });
            // 此处填第一次渲染完成后执行的代码
        })
    },
	methods: {
		backTop() {
			window.history.go(-1);
		},
		
		//获取广告图 positionType:
		/*1.首页 3个位置
		•2.故事与回忆 详情 底部
		•3.学院 详情 底部
		•4.协会 详情 底部
		•5.媒体 详情 底部
		•6.设备 评测详情 底部
		•7.分站-主页 4个位置
		•8.分站 活动详情 底部
		•9.动态 详情 底部
		•10.人物 详情 底部
		•11.访谈 详情 底部
		•12.心情 详情 底部
		•13.活动 详情 底部
		•14.资讯 详情 底部
		•15.展会 主页 
		•16.展会 详情 底部
		*/	
		getBottomImg(){
			var that = this;
			$.ajax({
				type: "GET",
				url:  "/api/banner-ad/ad/byPositionType",
				dataType: 'json',
				data: {
					positionType:5,
					cityId:that.cityId,
				},
				success: function (res) {
					if(res.data != "" ){
						// console.log(res.data);
						that.bottomImg = res.data;
					}
				},
			})
		},
 			//获取详情
 			getDetails(id){
				var that =this;
 				var id = id;
 				var userId = that.userId;
 				$.ajax({
 					type:"GET",
 					url: "/api/media/detail",
 					dataType: 'json',
 					data:{
 						id:id,
 						userId:userId
 					},
 					success:function(res){
// 						console.log(res.data);
						res.data.keywords = JSON.parse(res.data.keywords);
						that.assDetails = res.data;
						that.appShareTitle = res.data.title;

						setTimeout(function(){
                            // that.$options.methods.changeTitle();//在test3中调用test2的方法 
							that.changeTitle();//在test3中调用test2的方法 
							that.onLoading = false;
                        },1000);
						//that.assDetails.is_collect = 0; 
						//that.$set(that.assDetails,"is_collect", 0)
 					},
 				})
 			},
 			//评论列表
 			getCommentList(){
 				var that = this;
 				var objectId = that.objectId;
				var userId = that.userId;
				var pageIndex = that.pageIndex;
            	var pageSize = that.pageSize;
 				$.ajax({
 					type:"GET",
 					url: "/api/comment/common/list",
 					dataType: 'json',
 					data:{
 						type:5,
 						objectId:objectId,
 						userId:userId,
 						pageIndex:pageIndex,
						pageSize:pageSize
 					},
 					success:function(res){
 						if (res.code == 200) {
                  		var list = res.data.list;
                  		that.total = res.data.total;
	                    if (list.length > 0) {
	                    	$.each(list,function(index,val){
								that.commentList.list.push(val);
							})
	                    	that.noMore =false;
	                    	canQuest = false;
	                    } else {
	                        canQuest = true;
	                        that.noMore =true;
	                    }
	                    //更新状态
	                    that.hideing = true;
	                    that.loading = false;
	                } else {
	                    //添加数据
	                    $.toast(res.msg, "text");
	                }
 					},
 				})		
 			},
 			//收藏
			chooseCollect(){
				//添加一个强制登录以获取userId
				//获取到userId字段内容并且用户id>0已登录   
            	if(this.userId && this.userId > 0){
					var  that = this;
					var userId = that.userId;
					var objectId = $.getPara('id');
					if(userId != false ){
						//1资讯，2供应，3求购，4设备，5印厂，6协会，7媒体，8学院
						$.ajax({
							type:"POST",
							url: "/api/collect/collect",
							dataType: 'json',
							data:{
								type:7,
								objectId:objectId,
								userId:userId,
							},
							success:function(res){
								if(res.code == 200){
									$.toast("收藏成功","text");
									that.$set(that.assDetails,"is_collect", 1)
								}
							},
						})	
					}
				}else{
					//用户未登录
					if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ //判断iPhone|iPad|iPod|iOS
						//默认为iOS系统   
						window.webkit.messageHandlers.appLogin.postMessage(null);
					}else {
						//pc
						alert("PC浏览器-appLogin");
					};
				}
 			},
 			//取消收藏
			chanceCollect(){
				//添加一个强制登录以获取userId
				//获取到userId字段内容并且用户id>0已登录   
            	if(this.userId && this.userId > 0){
					var  that = this;
					var userId = that.userId;
					var objectId = $.getPara('id');
					if(userId != false ){
						//1资讯，2供应，3求购，4设备，5印厂，6协会，7媒体，8学院
						$.ajax({
							type:"POST",
							url: "/api/collect/cancelCollect",
							dataType: 'json',
							data:{
								type:7,
								objectId:objectId,
								userId:userId,
							},
							success:function(res){
								if(res.code == 200){
									$.toast("取消收藏成功", "text");
									that.$set(that.assDetails,"is_collect", 0)
								}
							},
						})	
					}
				}else{
					//用户未登录
					if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ //判断iPhone|iPad|iPod|iOS
						//默认为iOS系统   
						window.webkit.messageHandlers.appLogin.postMessage(null);
					}else {
						//pc
						alert("PC浏览器-appLogin");
					};
				}
 			},
			//发表评论
			//评论对象类型：1故事回忆，2话题，3学院，4协会，5媒体，6心情，7动态
			sendMessage(){
				//添加一个强制登录以获取userId
				//获取到userId字段内容并且用户id>0已登录   
           		if(this.userId && this.userId > 0){
					var that = this;
					var val = that.messageval;
					var objectId = that.objectId;
					var userId = that.userId;
					if(userId != false){
						if(val == ""){
							$.toast("请填写评论", "text");
							return false;
						};
						$.ajax({
							type:"POST",
							url: "/api/comment/common/publish",
							dataType: 'json',
							data:{
								type:5,
								objectId:objectId,
								userId:userId,
								comment:val
							},
							success:function(res){
								if(res.code == 200){
									$.toast("评论成功", "text");
									that.pageIndex = 1;
									that.commentList.list = [];
									that.messageval = "";
									that.getCommentList();
								}
							},
						})	
					}
				}else{
					//用户未登录
					if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ //判断iPhone|iPad|iPod|iOS
						//默认为iOS系统   
						window.webkit.messageHandlers.appLogin.postMessage(null);
					}else {
						//pc
						alert("PC浏览器-appLogin");
					};
				}
			},
			////路径跳转-媒体详情
	        urlHref(item) {
	            var para = {};
	            para.title = "媒体详情";
	            para.type = "topic";
	            para.url = '/template/mediaDetails.html?id=' + item.id+"&cityId="+this.cityId;
	            //window.location.href =para.url;
	            if (this.userId > 0) {
	                para.url = '/template/mediaDetails.html?id=' + item.id + "&userId=" + this.userId+"&cityId="+this.cityId;
	            }
	            if (/(Android)/i.test(navigator.userAgent)) { //判断Android
	                //是android系统  目前协议 安卓只能传字符串过去
	                // alert("Android系统");
	                jsAndroid.appPush(JSON.stringify(para))
	                    // jsAndroid.appPush("123456")
	            } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
	                //默认为iOS系统   
	                window.webkit.messageHandlers.appPush.postMessage(para);
	            } else {
	                //pc
	                window.location.href = para.url;
	                alert("PC浏览器");
	            };
	        },
	        //调用原生分享
	        appShare(item) {
	        	/*参数：
				标题：title
				内容：content, 暂未确定
				图片：imgurl
				路径：url*/
	            var para = {};
	            para.title = item.title;
	            para.content = "来自印刷搜搜的分享";
	            para.imgurl = item.head_img;
	            /*
	            	分享出去的页面仅做展示效果，无法处理用户登录操作
	            	因此，userId需要传0
	            	isShare为是否分享标识，1:是分享页面，
	            	H5端要在有分享功能的页面用url的isShare==1判断是否隐藏需要登录才能显示或者操作的区域
				*/
	            para.url = '/template/mediaDetails.html?isShare=1&id=' + item.id+"&userId=0";
	            //window.location.href =para.url;
	            if (/(Android)/i.test(navigator.userAgent)) { //判断Android
	                //是android系统  目前协议 安卓只能传字符串过去
	                // alert("Android系统");
	                jsAndroid.appShare(JSON.stringify(para))
	                    // jsAndroid.appPush("123456")
	            } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
	                //默认为iOS系统   
	                window.webkit.messageHandlers.appShare.postMessage(para);
	            } else {
	                //pc
	                window.location.href = para.url;
	                alert("PC浏览器");
	            };
			},
			 //判断是否是微信浏览器的函数
			 isWeiXin(){
				//window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
				var ua = window.navigator.userAgent.toLowerCase();
				//通过正则表达式匹配ua中是否含有MicroMessenger字符串
				if(ua.match(/MicroMessenger/i) == 'micromessenger'){
					return true;
				}else{
					return false;
				}
			},
			//动态修改title
			changeTitle(){
				let that = this;
				//动态修改title
				let t = that.appShareTitle;
				// console.log(t);
				//判断是否微信环境
				if(that.isWeiXin()){
					// 是微信浏览器，执行操作
					// alert("微信");
					var $body = $('body');
					// document.title = 'the title you want to set';
					document.title = t;
					var $iframe = $("<iframe style='display:none;'></iframe>");
					$iframe.on('load',function() {
					setTimeout(function() {
					$iframe.off('load').remove();
					}, 0);
					}).appendTo($body);
				}else{
				// 　　alert("不是微信");
					document.title  = t;
				}
			},
			  //下载app
			  downApp(){
				console.log("我要下载了");
				if (/(Android)/i.test(navigator.userAgent)) { //判断Android
					//是android系统  目前协议 安卓只能传字符串过去
					// alert("Android系统");
					window.location.href = "http://sj.qq.com/myapp/detail.htm?apkName=com.meijiang.printsearch";
				} else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
					//默认为iOS系统   
					window.location.href = "https://itunes.apple.com/cn/app/%E5%8D%B0%E5%88%B7%E6%90%9C%E6%90%9C/id1415458460?mt=8";
				} else {
					alert("PC浏览器");
				};
			},
		}
})

